<template>
  <div>
    <el-tabs style="width: 280px; " v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="普通花键" name="first">
        <Spline></Spline>
      </el-tab-pane>
      <el-tab-pane label="鼓形花键" name="second">
        <DrumShapedSpline></DrumShapedSpline>
      </el-tab-pane>

    </el-tabs>

  </div>
</template>

<script>
  import Spline from './Spline.vue';
  import DrumShapedSpline from './DrumShapedSpline.vue';
  export default {
    name: 'splineIndex',
    components: { Spline, DrumShapedSpline },
    data() {
      return {
        activeName: 'first',

      }
    },
    mounted() {

    },
    methods: {
      handleClick(tab, event) {
      },
    }
  }
</script>

<style scoped>

</style>
